<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<title>缴费服务</title>

<link href="/SmartCommunity/css/wechat/example.css" rel="stylesheet">
<link href="/SmartCommunity/css/wechat/weui.css" rel="stylesheet" /> 
</head>
<body ontouchstart>
<div class="container js_container">
</div>
<script type="text/html" id="tpl_home">
<div class="SpecialTop">
	<a class="back" href="javascript:history.back();"></a>
   <div class="renzheng">缴费服务</div>
</div>
<div class="self">
	<img class="touxiang" src="/SmartCommunity/images/wechat/touxiang.jpg"/>
	<span class="name">某女士</span>
	<div class="wel">您好</div>
</div>
<div class="weui_cells">
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>应缴物业费</p>
                </div>
                <div class="weui_cell_ft">1000</div>
            </div>
</div>
<div class="weui_cells weui_cells_access">
            <a class="weui_cell js_cell" href="javascript:;"  data-id="button">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>缴费</p>
                </div>
                <div class="weui_cell_ft">
                </div>
            </a>
            <a class="weui_cell js_cell" href="javascript:;" data-id="button1">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>缴费记录</p>
                </div>
                <div class="weui_cell_ft">
                </div>
            </a>
</div>
</script>
<script type="text/html" id="tpl_button">
<div class="page">
<div class="SpecialTop">
	<a class="back" href="javascript:history.back();"></a>
   <div class="renzheng">缴费</div>
</div>
<div class="self">
	<img class="touxiang" src="/SmartCommunity/images/wechat/touxiang.jpg"/>
	<span class="name">某女士</span>
	<div class="wel">您好</div>
</div>
  <div class="weui_cells weui_cells_form">
            <div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">金额</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input money" type="tel" placeholder="请输入缴费金额"/>
                </div>
            </div>
</div>  
<div class="weui_cells_title">缴费方式</div>
        <div class="weui_cells weui_cells_radio">
            <label class="weui_cell weui_check_label" for="x11">
 			 <div class="weui_cell_bd weui_cell_primary">
                    <p>微信支付</p>
                </div>
                <div class="weui_cell_ft">
                    <input type="radio" class="weui_check" name="radio1" id="x11" checked="checked">
                    <span class="weui_icon_checked"></span>
                </div>
            </label>
            <label class="weui_cell weui_check_label" for="x12">

                <div class="weui_cell_bd weui_cell_primary">
                    <p>支付宝</p>
                </div>
                <div class="weui_cell_ft">
                    <input type="radio" name="radio1" class="weui_check" id="x12" >
                    <span class="weui_icon_checked"></span>
                </div>
            </label>
        </div>
<div class="weui_btn_area">
            <a class="weui_btn weui_btn_primary" href="javascript:" id="showTooltips">确定</a>
</div>  
</div>
<div class="weui_toptips weui_warn js_tooltips">金额不能为空</div>
</script>
<script type="text/html" id="tpl_button2">
<div class="page">
<div class="SpecialTop">
	<a class="back" href="javascript:history.back();"></a>
   <div class="renzheng">缴费记录</div>
</div>
<div class="weui_cells_title">本月</div>
<div class="tem">
<div class="parent">
<p class="type">物业费</p>
<p class="sum">500</p>
</div>
<p class="time">2015-12-12</p>
<p class="status">缴费成功</p>
</div>

</script>
<script type="text/html" id="tpl_button1">
<div class="page">
<div class="SpecialTop info-fixed">
	<a class="back" href="javascript:history.back();"></a>
   <div class="renzheng">缴费记录</div>
</div>
<div style="visibility:hidden;height:45px"></div>
<div class="main-info" id="wrapper">
 <ul id="info-datas">
   <li class="info-template" style="display:none;">
<div class="parent">
<p class="type">物业费</p>
<p class="sum">500</p>
</div>
<p class="time">2015-12-12</p>
<p class="status">缴费成功</p>
   </li>
</ul>
 </div>
</div>
</script>
<script src="/SmartCommunity/js/wechat/jquery-2.2.0.min.js"></script>
<script src="/SmartCommunity/js/wechat/example.js"></script>
<script src="/SmartCommunity/js/wechat/iscroll.js"></script>
<script src="/SmartCommunity/js/wechat/pullToRefresh.js"></script>
<script>
//$("body").on("click","#showTooltips",function(){
	
//});

</script>
</body>
</html>